<template>
	<div>
		<div class="header relative center">
			<div class="back w-40 absolute fz34" style="left: 5%;top: 110rpx" @click="back">
				<image src="/static/common/back.png" class="w-full" mode="widthFix"></image>
			</div>
			{{title}}
			
		</div>
		<div style="height: 170rpx;"></div>
	</div>
</template>

<script>
	export default {
		props: ["title"],
		methods: {
			back() {
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="less">
	.right {
		top: 100rpx;
		position: absolute;
		right: 5%;
	}

	.header {
		background: linear-gradient(to bottom, #D6ABFF, #E7CEFC);
		background-size: 100% 170rpx;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 170rpx;
		z-index: 999;
		padding-top: 85rpx;
		box-sizing: border-box;
	}
</style>